.editor-contact-form-modal.dialog.card {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;

	@include breakpoint-deprecated( '>660px' ) {
		top: 5%;
		bottom: 5%;
		left: 50%;
		margin-left: -275px;
		width: 550px;
	}
}

.editor-contact-form-modal .dialog__content {
	position: static;
	color: var( --color-neutral-70 );
}

.editor-contact-form-modal .section-nav {
	z-index: z-index( '.dialog__backdrop', '.editor-contact-form-modal .section-nav' );
	padding: 0 16px;

	@include breakpoint-deprecated( '>660px' ) {
		padding: 0;
	}
}

.editor-contact-form-modal .dialog__action-buttons {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
}

.editor-contact-form-modal__secondary-actions {
	float: left;
	display: flex;
	justify-content: center;
	height: 40px;
}

.editor-contact-form-modal-fields,
.editor-contact-form-modal-settings {
	padding: 16px 24px 5px;
	top: 76px;
	bottom: 74px;
	left: 0;
	right: 0;
	overflow-y: auto;
	position: absolute;
}

.editor-contact-form-modal-fields {
	.foldable-card.card {
		border-radius: 4px;
	}

	.foldable-card__main {
		min-width: 0;
		word-wrap: break-word;
	}
}

.editor-contact-form-modal-field-header {
	width: 100%;
}

.editor-contact-form-modal-settings {
	.section-header {
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
	.card:last-child {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
}

.editor-contact-form-modal-field__remove {
	color: var( --color-neutral-10 );
	cursor: pointer;
	transition: color 200ms;

	&:hover {
		color: var( --color-error );
	}
}

.editor-contact-form-modal-field__edit-wrapper.foldable-card__expand {
	height: 100%;

	.editor-contact-form-modal-field__edit {
		width: 100%;
		padding-bottom: 6px;

		&.is-expanded {
			transform: rotate( 0 );
		}
	}
}

.editor-contact-form-modal-field__edit-wrapper-button {
	width: 100%;
	height: 100%;
}
